<template>
  <div>
    <div class="bortop">
      <a href class="perlist">
        <img src="../../svg/address.svg" alt>
        <span>我的地址</span>
        <img class="per2" src="../../svg/go2.svg" alt>
      </a>
    </div>
    <div class="bortop">
      <a href class="perlist">
        <img src="../../svg/jb.svg" alt>
        <span>金币商城</span>
        <img class="per2" src="../../svg/go2.svg" alt>
      </a>
      <a href class="perlist">
        <img src="../../svg/shard.svg" alt>
        <span>分享拿20元现金</span>
        <img class="per2" src="../../svg/go2.svg" alt>
      </a>
    </div>
    <div class="bortop">
      <a href class="perlist">
        <img src="../../svg/phone.svg" alt>
        <span>我的客服</span>
        <img class="per2" src="../../svg/go2.svg" alt>
      </a>
      <a href class="perlist">
        <img src="../../svg/down.svg" alt>
        <span>下载饿了么APP</span>
        <img class="per2" src="../../svg/go2.svg" alt>
      </a>
      <a href class="perlist">
        <img src="../../svg/center.svg" alt>
        <span>规则中心</span>
        <img class="per2" src="../../svg/go2.svg" alt>
      </a>
    </div>
    <div class="profile-2dyk_">
      <a
        href="//h5.ele.me/service/agreement/#HEAEDER_SHOW=1&amp;initTitle=%E9%9A%90%E7%A7%81%E6%94%BF%E7%AD%96&amp;key=ruleQue50"
      >隐私政策</a>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
a {
  display: block;
  height: 12vw;
  background-color: whitesmoke;
  border-bottom: 1px solid #ddd;
  line-height: 12vw;
  text-decoration: none;
}
.perlist img {
  width: 4.5vw;
  height: 4.5vw;
}
.perlist img:nth-child(1) {
  margin-left: 5vw;
  margin-right: 5vw;
}
.per2 {
  position: relative;
  float: right;
  top: 4vw;
  margin-right: 4vw;
}
.bortop {
  margin-top: 4vw;
  background-color: #ddd;
}
.bortop a{
  background-color: #fff;
}
.profile-2dyk_ a{
  border: none;
  text-align: center;
  margin-top: 20vw;
}
</style>
